import React from 'react';

const KeywordLibrary = () => {
  return (
    <div className="keyword-library-page">
      <h2>关键词库</h2>
      
      <div className="keyword-actions">
        <button className="btn-primary">导入关键词</button>
        <button className="btn-outline">添加关键词</button>
      </div>
      
      <div className="keyword-filter">
        <div className="search-box">
          <input type="text" placeholder="搜索关键词" />
        </div>
        <div className="sort-filter">
          <select>
            <option value="default">默认排序</option>
            <option value="name">按名称</option>
            <option value="volume">按搜索量</option>
            <option value="competition">按竞争度</option>
          </select>
        </div>
      </div>
      
      <div className="keyword-table">
        <table>
          <thead>
            <tr>
              <th>关键词</th>
              <th>搜索量</th>
              <th>竞争度</th>
              <th>难度</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td colSpan={5} className="empty-data">暂无关键词数据</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  );
};

export default KeywordLibrary; 